<!DOCTYPE html>
The arrow in this select should be green:<br>
<!-- using a button here since it should have the same default styles as a select -->
<button style="color: green;">
  <div style="display: flex; align-items: center; height: 100%;">
    <div style="flex: 1;"></div>
    <div style="width: 16px; height: 16px; margin-left: 4px; display: block;">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
        <path fill="currentcolor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path>
      </svg>
    </div>
  </div>
</button>